
<script type="text/javascript" src="sys/roleAccredit.js"></script>
<div class="easyui-layout" fit="true">
    <div data-options="region:'west',split:true" title="角色列表" style="width:33%;position: static;">
        <table class="easyui-datagrid" id="dg_role_accredit"
               data-options="fit:true,fitColumns:true,scrollbarSize:0,singleSelect:true">
            <thead>
            <tr>
                <th data-options="field:'name',width:142,align:'center'">角色名</th>
                <th data-options="field:'type',width:142,align:'center',formatter:displayRoleType">类型</th>
                <th data-options="field:'state',width:142,align:'center',formatter:displayState">状态</th>
            </tr>
            </thead>
        </table>
    </div>


    <div data-options="region:'center',split:true" title="授予用户" style="width:33%;position: static;">
        <table class="easyui-datagrid" id="dg_user_accredit"
               data-options="fit:true,fitColumns:true,scrollbarSize:0,singleSelect:true">
            <thead>
            <tr>
                <th data-options="field:'nick',width:142,align:'center'">昵称</th>
                <th data-options="field:'account',width:142,align:'center',formatter:displayRoleType">账号</th>
                <th data-options="field:'pwd',width:142,align:'center',formatter:displayState">密码</th>
            </tr>
            </thead>
        </table>
        <div style="width: 100%;border:1px solid #EEEEE0;bottom: 50px;position: absolute;background-color: #F4C1C1;border-radius: 20px; ">
            <span id="btnUserListEdit" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" style="width: 100%;height: 100%;">修改用户权限</span>
        </div>

        <div id="dl_user_add" class="easyui-dialog" closed="true" title="修改用户权限" style="width:300px;height:480px; padding: 10px"
             data-options="resizable:true,modal:true,buttons:'#tb_user_edit'">
            <ul style="list-style:none" id="roleUserTab"  class="easyui-tree">
            </ul>
        </div>
        <div id="tb_user_edit">
            <span onclick="submitUserAcc()" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true">保存</span>
            <span onclick="closeUserEditAcc()" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true">取消</span>
        </div>


    </div>





    <div data-options="region:'east',split:true" title="授予菜单" style="width:33%;position: static;">
        <table class="easyui-datagrid" id="dg_menu_accredit"
               data-options="fit:true,fitColumns:true,scrollbarSize:0,singleSelect:true">
            <thead>
            <tr>
                <th data-options="field:'id',width:142,align:'center'">ID</th>
                <th data-options="field:'name',width:142,align:'center',formatter:displayRoleType">姓名</th>
                <th data-options="field:'state',width:142,align:'center',formatter:displayState">状态</th>
            </tr>
            </thead>
        </table>

        <div style="width: 100%;border:1px solid #EEEEE0;bottom: 50px;position: absolute;background-color: #F4C1C1;border-radius: 20px; ">
            <span id="btnMenuListEdit" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" style="width: 100%;height: 100%;">修改用户权限</span>
        </div>
        <div id="dl_menu_add" class="easyui-dialog" closed="true" title="修改菜单权限" style="width:300px;height:480px; padding: 10px"
             data-options="resizable:true,modal:true,buttons:'#tb_menu_edit'">
            <ul style="list-style:none" id="roleMenuTab"  class="easyui-tree">
            </ul>
        </div>
        <div id="tb_menu_edit">
            <span onclick="submitMenuAcc()" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true">保存</span>
            <span onclick="closeMenuEditAcc()" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true">取消</span>
        </div>
    </div>

</div>



